<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <!-- 头部区域 -->
    <header  class="mm-header">
      <div class="logo">
        <a href="javascript:;" title="慢慢买"
          ><img src="./images/header_logo.png"
        /></a>
      </div>
      <div class="appdown">
        <a href="javascript:;" title="手机app下载"
          ><img src="./images/header_app.png" alt="手机app下载"
        /></a>
      </div>
    </header>
    <!-- 搜索区域 -->
    <section class='mm-search'>
        <input type="search" placeholder="请输入你想比价的商品">
        <button>搜索</button>
    </section>
    <!-- 导航区域 -->
    <section class="mm-nav">
      <ul class="clearfix">
      </ul>
    </section>
    <!-- 折扣推荐区域 -->
    <section class="mm-recommend">
      <!-- 折扣标题区域 -->
      <div class="recommend-tit">
        <span>超值折扣推荐</span>
        <img src="http://www.zuyushop.com/wap/images/more.png" width="20" height="20">
      </div>
      <!-- 折扣产品区域 -->
      <div class="recommend-pro">
        <ul>
         
        </ul>
      </div>
      <!-- 更多信息 -->
      <div class="recommend-more">
        更多优惠信息>>
      </div>
    </section>
    <!-- 品牌排行 -->
    <section class="mm-brand">
        <span>品牌排行</span>
        <img src="http://www.zuyushop.com/wap/images/more.png" width="20" height="20">
    </section>
    <!-- 底部区域 -->
    <footer class="mm-footer">
      <ul class="clearfix">
        <li>登录</li>
        <li>注册</li>
        <li>
          <img src="http://www.zuyushop.com/wap/images/top.jpg" width="15" height="15">
          返回顶部</li>
      </ul>
      <div class="footer">
          <p><a href="javascript:;" style="color: Red;">手机APP下载</a> <a href="index.html">慢慢买手机版</a> -- 掌上比价平台</p>
          <p>m.manmanbuy.com</p>
      </div>
    </footer>
    <!-- js区域 -->
    <script src="./lib/jquery-3.4.1.min.js"></script>
    <script src="./js/rem.js"></script>
    <script src="./lib/template-web.js"></script>
    <script src="./js/index.js"></script>
    <!-- 模板引擎 -->
    <!-- 导航模板 -->
    <script type="text/html" id='nav-tmp'>
      {{each result v i }}
      <li class="nav-item {{i > 7 ? 'active' : '' }}">
        <a href="{{v.titlehref}}.html" >
          <img src="./images/{{v.img}}" alt="">
          <p>{{v.name}}</p>
        </a>
      </li>
      {{/each}}
    </script>
    <!-- 产品模板 -->
    <script type="text/html" id='pro-tmp'>
      {{each result v i}}
      <li class="clearfix">
          <a href="moneyproduct.html?productId={{v.productId}}">
            <div class="pro-img">
              <img src="{{v.productImgLg.src}}" >
            </div>
            <div class="pro-des">
              <div class="title">
                {{v.productName}}
                <span>{{v.productPinkage}}</span>
              </div>
              <div class="other">
                <span class="fl">{{v.productFrom}} | {{v.productTime}}</span>
                <span class="fr">{{v.productComCount}}</span>
              </div>
            </div>
          </a>
        </li>
      {{/each}}
    </script>
  </body>
</html>
